<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<!-- CSSファイルの読み込み -->
<link rel="stylesheet" type="text/css" href="../css/reset.min.css" />
<link rel="stylesheet" type="text/css" href="../css/style.min.css" />
<link rel="stylesheet" type="text/css" href="../css/articleStyle.min.css" />
<script type="text/javascript" src="../js/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
$("document").ready(function(){
	$('#search').bind('keyup',function(){
		var searchStr = $('#search').val();
		var target = $('#table tr');
		console.log(searchStr);
		if(searchStr===""){
			target.show();
		} else {
			target.hide();
			$('#table tr td a:contains('+searchStr+')').parent().parent().show();
		}
	});
});
</script>

<!-- 注意:独自CSSを利用する場合はここに入れること START-->

<!-- 注意:独自CSSを利用する場合はここに入れること END -->

<!-- TODO ページに合ったタイトルで各自で変更すること。但し、「 | 株式会社フューチャースコープ」の部分はそのまま残すこと-->
<title>掲示板 | 株式会社フューチャースコープ</title>
</head>

<body>

	<?php require_once 'commonHeader.php';?>
		<!-- パンくずリスト -->
		<!-- TODO ページに合ったパンくずに各自で変更すること-->
		<ul id="bread" class="clear">
			<li><a href="userController.php?request=showIndex" id="home">ホーム</a>&gt;</li>
			<li><a href="boardController.php?request=showMainBoard">掲示板</a></li>
		</ul>
		<!-- contents -->
		<article id="contents" class="clear">

			<!-- TODO ページのコンテンツをここに配置すること START-->
			<section id="contentsArea">

				<h2 class="contentsTitle">掲示板</h2>
				<hr>
				<br />
				<p class = "aboutCenter">掲示板では、各支店ごとのイベントや業務実績まで様々な内容を掲載しています。</p>
				<br />
				<!-- ページ遷移の記述 -->
				<p class="createButton">
				<a href="boardController.php?request=showAddArticle">新規投稿</a>
				</p>
				<input type="text" id="search" placeholder="記事検索" />
				<br>
					<table id="table">
						<?php
							//記事のタイトル取一覧表示
							$n = 99;
							foreach($this->data as $value){
								print "<tr><td><a href='boardController.php?MBIndex=".$value['MBIndex']."&request=showMainBoardArticleDetall'>";
								if (strlen($value["MBTitle"])>$n) {
									print mb_substr(trim($value["MBTitle"]),0,$n,"UTF-8").".....";
								} else {
									print mb_substr(trim($value["MBTitle"]),0,$n,"UTF-8");
								}
								print "</td></tr>";
							}
						?>
					</table>

			</section>

			<!-- TODO ページのコンテンツをここに配置すること END-->
		</article>

		<?php require_once 'commonFooter.php';?>
